@import "../base.css";

.es-theme-dotted .es-controls .es-page-button
{
  position: relative; 
  width: 10px;
  height: 8px;
  margin: 3px 2px;
}

.es-theme-dotted .es-page-button span
{
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  text-indent: -9999px;
  background: transparent url(images/nav.png);
  overflow: hidden;
}

.es-theme-dotted .es-controls .es-paging-container A.es-button-hover span
{
  background-position: 0 -8px;
}

.es-theme-dotted .es-paging-container .es-button-active span
{
  background-position: 0 -16px;
}